<template>
  <div>
    <sy-form :model="model" label-width="100px">
      <sy-form-item label="用户名">
        <sy-input placeholder="请输入用户名" v-model="model.username" clearable></sy-input>
      </sy-form-item>
      <sy-form-item label="选择">
        <sy-switch v-model="model.active"></sy-switch>
      </sy-form-item>
    </sy-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      model: { username: '', password: '', active: true }
    }
  }
}
</script>

<style lang="scss" scoped>
.sy-input {
  width: 200px;
}
</style>
